/* pages/shoppingCart/shoppingCart.wxss */

.cart_container {}

.top_address {
  margin-top: 4%;
}

.cart_container .btn_address {
  padding        : 20rpx;
  /* width       : 60%; */
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.cart_container .btn_address button {
  font-size: 35rpx;
  width    : 60%;
}

.cart_container .msg_detail {
  display  : flex;
  padding  : 20rpx;
  font-size: 25rpx;
}

.cart_container .msg_detail .left {
  flex: 3;
}

.cart_container .msg_detail .left .userName {
  /* 用户名 */
  font-size: 35rpx;
}

.cart_container .msg_detail .left .detailAddress {
  font-size : 25rpx;
  margin-top: 10rpx;
  color     : rgb(177, 163, 163);
}

.cart_container .msg_detail .right {
  flex: 1;
}

.cart_container .msg_detail .telNumber {
  font-size: 25rpx;
}

.edit {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

// 总容器
.cart_container {

  // 订单项容器
  .orderContainer {
    display: flex;

    // 复选框容器
    .checkBoxContainer {
      display        : flex;
      flex           : 1;
      justify-content: center;
      align-items    : center;

      checkbox {}
    }

    // 图片容器
    .imageContainer {
      flex           : 2;
      // border      : 1rpx solid red;
      display        : flex;
      justify-content: center;
      align-items    : center;

      image {
        width        : 60%;
        border-radius: 15rpx;
      }
    }

    // 订单详情容器
    .detailContainer {
      flex           : 4;
      display        : flex;
      flex-direction : column;
      justify-content: space-around;
      margin         : 5rpx;


      //商品详情信息
      .goodDetail {
        display           : -webkit-box;
        overflow          : hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color             : #666;
      }

      .price_num_wrap {
        display        : flex;
        justify-content: space-between;

        .price {
          color    : rgb(235, 77, 77);
          font-size: 35rpx;
        }

        .changeNum {
          display: flex;

          .num_edit {
            width          : 50rpx;
            height         : 50rpx;
            display        : flex;
            justify-content: center;
            align-items    : center;
            border         : 1px solid #ccc;
            font-size      : 30rpx;
          }

          .food_num {
            width          : 55rpx;
            height         : 55rpx;
            display        : flex;
            justify-content: center;
            align-items    : center;
            font-size      : 30rpx;
          }
        }
      }
    }
  }
}

page {
  padding-bottom: 90rpx;
}

.footer {
  // 定位下方
  position        : fixed;
  bottom          : 0;
  left            : 0;
  width           : 100%;
  height          : 90rpx;
  background-color: #fff;
  display         : flex;
  border-top      : 1rpx solid #ccc;

  .choose_all {
    flex           : 1;
    display        : flex;
    justify-content: center;
    align-items    : center;
    font-size      : 30rpx;
  }

  .total_price_wrap {
    flex         : 3;
    text-align   : right;
    padding-top  : 20rpx;
    padding-right: 15rpx;

    .total_price {
      font-size  : 30rpx;
      font-weight: 530;

      text {
        color       : rgb(236, 79, 79);
        font-size   : 36rpx;
        font-weight : 550;
        padding-left: 20rpx;
      }
    }
  }

  .pay_wrap {
    flex            : 1.3;
    background-color: rgb(245, 79, 79);
    display         : flex;
    justify-content : center;
    align-items     : center;

    .pay {
      color    : #fff;
      font-size: 35rpx;
    }
  }
}

.empty_wrap {
  display        : flex;
  justify-content: center;
  align-items    : center;
  margin-top     : 30%;

  .emptyCars {
    width: 100%;
  }
}




// -------------------购物车空的时候提示去首页逛逛
.btn_change_index {

  .text_msg {
    margin-top     : 15%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    color          : #cccccc;

    .text_msg_2 {
      font-size: 30rpx;
    }
  }

  .btn {
    margin-top     : 5%;
    justify-content: center;
    align-items    : center;
    display        : flex;

    .btn_msg {
      border         : 1px solid rgb(187, 179, 179);
      width          : 20%;
      height         : 60rpx;
      font-size      : 35rpx;
      color          : rgb(187, 179, 179);
      justify-content: center;
      align-items    : center;
      display        : flex;
    }
  }
}